::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-button,::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track,::-webkit-scrollbar-track:vertical{background-color:transparent}
::-webkit-scrollbar-track-piece{background-color:transparent;}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical{margin-right:8px;background-color:#2890eb}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #2890eb;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: -webkit-linear-gradient(30deg,
      transparent 20%, rgb(158, 93, 255) 20%,
      rgb(158, 93, 255) 40%, transparent 40%,
      transparent 60%, rgb(158, 93, 255) 60%,
      rgb(158, 93, 255) 80%, transparent 80%);
}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:vertical:hover{background-color:#5fb4ff}
::-webkit-scrollbar-corner,::-webkit-scrollbar-corner:vertical{background-color:transparente}
::-webkit-scrollbar-resizer,::-webkit-scrollbar-resizer:vertical{background-color:transparent}

/* @font-face {
  font-family: '站酷小薇LOGO体';
  src: url("/static/font/ZhanKuXiaoWeiLOGOTi.otf") format("opentype");
}

*{font-family: '站酷小薇LOGO体',Tahoma,Verdana,Arial,PMingLiu,MingLiu;} */
*{font-family: Arial, Verdana,'Microsoft YaHei',sans-serif;}
body,html{overflow:hidden;margin:0;padding:0;height:100%;}
a{color:#78abf7;text-decoration:none}
a:active,a:focus,a:hover{outline:0;color:#7297d2;text-decoration:none}

/* top */
.main-header{position:relative;z-index:1030;margin:0;padding:0;width:100%;height:40px}

.main-header .logo{float:left;display:block;overflow:hidden;width:260px;height:40px;text-align:center;font-weight:300;line-height:40px;transition:width .3s ease-in-out}
.main-header .logo img{margin:0 auto;padding:4px;object-fit:contain}
.main-header .logo .logo-lg{display:block;font-size:18px;}
.main-header .logo .logo-lg img{max-width:260px;max-height:40px}
.main-header .logo .logo-mini{display:none;font-size: 14px;}
.main-header .logo .logo-mini img{max-width:80px;max-height:40px}

.main-header .sidebar-toggle{float:left;display:block;margin-top:14px;width:30px;font-family:fontAwesome;text-align: center;}
.main-header .sidebar-toggle:hover{color:#fff}
.main-header .sideico-t2:before{content:"\f03b"}
.main-header .sideico-t3:before{content:"\f03c"}

.main-header .navtab{position:relative;overflow:hidden;width:calc(100vw - 378px);height:40px;transition:width .3s ease-in-out;}
.taskbox{position:relative;width:calc(100vw - 450px);height:40px;margin-left:30px;overflow: hidden;}
/*overflow-y: hidden; overflow-x: scroll;scrollbar-width:none;-ms-overflow-style:none;*/
/* .taskbox::-webkit-scrollbar{display: none;} */

.ml-taskbar-task{position:absolute;margin-right:60px;top:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;overflow:hidden}
.ml-taskbar-task .ml-task-item{position:relative;display:inline-block;vertical-align:middle;line-height:40px;width:120px;padding:0 6px;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;margin-right:3px;font-size: 13px;}
.ml-taskbar-task .ml-task-item:last-child{margin-right:0}
.closetaskitem{position: absolute;top:2px;right:2px;width: 20px;height: 20px; line-height: 20px;font-size: 12px; color: #fff; cursor: pointer; overflow: hidden; display: none;}
.ml-taskbar-task .ml-task-item:hover .closetaskitem{display: block;}
.closetaskitem:hover{color:#ff0000}
.ml-taskbar-task .ml-task-item:hover{background-color: rgba(255, 255, 255, 0.1);}
.ml-taskbar-task .ml-task-item:first-child{width: 40px;}
.ml-taskbar-task .selected:after{position:absolute;left:0;top:0;content:'';width:100%;height:40px;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;pointer-events:none;border:none;border-radius:0;border-bottom:2px solid rgb(3, 196, 255)}
.ml-taskbar-task .ml-task-item i{font-size: 14px;}
.ml-taskbar-task .ml-task-item a i{font-size: 12px;}
.ml-taskbar-task .ml-task-item:first-child i:first-child{font-size: 18px;}

.main-header .task-tab-btn{position:absolute;z-index: 999; display:block;line-height:40px;width:24px; height: 40px; color:#fff; padding:0 6px;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;margin-right:3px;font-size:10px;}
.main-header .overleftbtn{left:3px;top:0;}
.main-header .overmorebtn{right:3px;top:0;}
.main-header .overrightbtn{right: 32px;top:0;}
.main-header .task-tab-btn:hover{background-color: rgba(255, 255, 255, 0.1);}

.main-header .user-info-box{position:absolute;top:0;right:0;width:90px;height:40px;}

.main-header .user-info-content{position:absolute;top:0;right:4px;margin:0;padding:0;list-style:none;}
.main-header .user-info-content li{display:inline-block;vertical-align: top;}
.main-header .user-info-content .user-info-toggle,
.main-header .user-info-content .btn-fullscreen{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;}
.main-header .user-info-content .user-info-toggle .user-avatar{width:32px;height:32px;border:0;border-radius:50%;vertical-align:middle;}
.main-header .user-info-content .btn-fullscreen{color:#fff;}

.main-header .user-info-content .user-info-menu{position:absolute;top:40px;right:1px;display:none;margin:0;padding:0;min-height:250px;min-width:280px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;background-color:#2680d4;list-style:none}
.main-header .user-info-content .user-info-menu>li{display:block}

.main-header .user-info-content .user-info-menu>li.user-header{padding:10px;min-height:130px;text-align:center}
.main-header .user-info-content .user-info-menu>li.user-header>img{z-index:5;width:90px;height:90px;border:3px solid;border-color:transparent;border-color:rgba(255,255,255,.2)}
.main-header .user-info-content .user-info-menu>li.user-header>p{display: block;color: #ffffff;margin-top: 10px;}
.main-header .user-info-content .user-info-menu>li.user-header>p>span{display:inline-block;font-size:14px;width: 100px;height: 26px;line-height: 26px;text-align: right; padding-right:10px;}
.main-header .user-info-content .user-info-menu>li.user-header>p>small{display:inline-block;font-size:14px;width: 150px;height: 26px;line-height: 26px;text-align: left;}
.main-header .user-info-content .user-info-menu>li.user-footer{padding:10px;margin-bottom: 10px;}
.main-header .user-info-content .user-info-menu>li.user-footer:after,.user-info-menu>li.user-footer:before{display:table;content:" "}
.main-header .user-info-content .user-info-menu>li.user-footer:after{clear:both}
.main-header .user-info-content .user-info-menu.pull-left{right:auto;left:0}
.main-header .user-info-content .user-info-menu.pull-right{right:0;left:auto}

.img-circle{border-radius:50%}
.btn{display:inline-block;margin-bottom:0;padding:6px 12px;border:1px solid transparent;border-radius:4px;background-image:none;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.42857143;cursor:pointer;user-select:none}
.btn.btn-flat{border-width:1px;border-radius:19px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-default{border-color:#ccc;background-color:transparent;color:#FFFFFF}
.btn-default.focus,.btn-default:focus{border-color:#8c8c8c;background-color:#e6e6e6;color:#333}
.btn-default:hover{border-color:#adadad;background-color:#e6e6e6;color:#333}

/* left */
.main-sidebar{position:absolute;top:40px;left:0;z-index:810;width:260px;height: calc(100vh - 40px);transition:transform .3s ease-in-out,width .3s ease-in-out;}
.main-sidebar .navmenu{width: 80px;height:100%;position: absolute;top:0;left:0;}
.nm-ul{display: block;list-style: none;margin: 0;padding: 0;}
.nm-ul li{width: 80px; height: 60px;margin-top: 3px; color: #fff; text-align: center;cursor: pointer;}
.nm-ul li:first-child{margin-top: 0;}
.nm-ul li:hover{background-color: #0081cc;}
.nm-ul li span{display: block;}
.nm-ul li span:first-child{height:38px;line-height: 38px; font-size: 25px;}
.nm-ul li span:last-child{height: 20px;line-height: 20px; font-size: 14px;}
.sel-leftmenu{background-color: rgba(0, 129, 204,.5);}

.ml-m-r{width:180px;height:100%;position:absolute;top:0;left:80px;}
.ml-m-r .layui-side-scroll{width: 180px;}
.ml-m-r .layui-nav-tree{width:168px;background-color:initial}
.ml-m-r .layui-nav-tree *{font-size:12px}
.ml-m-r .layui-nav-tree a{line-height:40px;}
.ml-m-r .layui-nav-tree .layui-nav-itemed .layui-nav-child{background-color:initial!important}
.ml-m-r .layui-nav-tree .layui-nav-child dd.layui-this,
.ml-m-r .layui-nav-tree .layui-this,
.ml-m-r .layui-nav-tree .layui-this>a {background-color:rgba(38, 119, 200,0.3)!important}
.ml-m-r .layui-nav-tree .layui-this>a:hover{background-color:#2677c8!important}
.ml-m-r .layui-nav-tree .layui-nav-item{line-height:40px}
.ml-m-r .layui-nav-tree .layui-nav-item a{height:40px;color:#fff;padding:0 5px;cursor: pointer;}
.ml-m-r .layui-nav-tree .layui-nav-item a:hover{background-color: #2677c8;}
.ml-m-r .layui-nav-tree .layui-nav-itemed>a{background-color:initial!important}
.ml-m-r .layui-nav-tree .layui-nav-child a{padding-left:30px;line-height:40px}
.ml-m-r .layui-nav-tree .layui-nav-child dd.layui-this a{background-color:inherit}
.ml-m-r .layui-nav-tree .layui-nav-item>a .layui-nav-more{border-color:#fff transparent transparent;padding:0}
.ml-m-r .layui-nav-tree .layui-nav-itemed .layui-nav-more{border-color:transparent transparent #fff;padding:0}

.ml-m-r .layui-nav-tree .ml-menu-name{font-size: 13px;}
.ml-m-r .layui-nav-tree .ml-menu-name i{font-size: 16px;margin-right: 5px;}
.ml-m-r .layui-nav-tree .layui-nav-bar{display:none}
.ml-m-r .layui-nav-tree .ml-header{text-align: center;border-bottom: 1px dashed rgba(255, 255, 255, 0.2);font-size: 15px;}
.ml-m-r .layui-nav-tree .ml-header i{font-size: 16px;}

/* right */
.content-wrapper{margin-left:260px;transition:transform .3s ease-in-out,margin .3s ease-in-out;z-index:800;height:calc(100vh - 42px);background-color:#f2f2f2}
.tab_content,
.tab_iframe{width: 100%;height:100%;border: 0;}

/* bottom */
.main-footer{z-index:20211126;position:fixed;bottom:-38px;left:260px;width:calc(100vw - 300px);
   transition:transform .3s ease-in-out,bottom .3s ease-in-out;height:40px;line-height: 40px;
    border-top:1px solid #b8b8b8;background:#fff;color:#444;font-size:14px;padding-left: 20px;padding-right: 20px;
  }
.main-footer:hover{bottom:-2px;}


/*上色*/
.skin-blue .main-header{background-color:#05508e}
.skin-blue .main-header .logo{background-color: #013d6d;}
.skin-blue .main-sidebar .navmenu{background-color: #0061b0;}
.skin-blue .main-sidebar{background-color:#00579e}
.main-header .user-info-content .btn-fullscreen:hover,
.main-header .user-info-content .user-info-toggle:hover{background-color:#1576c5}


.content-tabs .page-tabs a i:hover{color:#0066cc;}
.content-tabs .page-tabs a.active{border-bottom:2px solid #fff;background:#162d5a;color:#fff}
.content-tabs .page-tabs a.active i:hover{color:#90c0f7}
.content-tabs .page-tabs a:hover{background:#1b3d7c;color:#fff}

/*弹窗title高度更改*/
body .layui-layer .layui-layer-title{height: 40px;line-height: 40px;}
body .layui-layer .layui-layer-setwin {top: 12px;}

/*加载进度条*/
.layui-progress{ position: absolute;z-index: 9999999;width: 100%;height:3px;background: transparent;top:0;left:0;}
.layui-progress-bar{background:rgba(0, 255, 17, 0.5);height:3px;}

.loading-index{position: absolute; top:100px;left:50%;margin: 0 0 0 -150px; width: 300px;height: 50px;line-height: 50px; background: rgba(0,0,0,.5); color:#fff;border-radius: 25px; text-align: center;font-size: 16px;}

